:root {
  /* 绿色主题 */
  --primary-color: #00C2B3;
  --primary-hover-color: #00C2B4;
  --text-color: #2c3e50;
  --background-color: #f8f9fa;
  --tabbar-height: 60px;
  
  /* 间距系统 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  
  /* 字体系统 */
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --line-height: 1.6;
  
  /* 新增全局颜色 */
  --card-bg-color: #ffffff;
  --card-border-color: #e2e8f0;
}

body {
  font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
  color: var(--text-color);
  background-color: var(--background-color);
  font-size: var(--font-size-md);
  line-height: var(--line-height);
}

.taro_page {
  background-color: #f5f5f5 !important;
}

/* 全局容器样式 */
.app-container {
  padding: var(--space-md);
}

/* 内容区域样式 */
.app-content {
  max-width: 1200px;
  margin: 0 auto;
}

.ant-mobile {
  --adm-color-primary: var(--primary-color);
  --adm-color-primary-hover: var(--primary-hover-color);
}